import React,{Component} from "react"

import {BrowserRouter as Router,Route,Link} from "react-router-dom"

import MySearchBar from "../header/header";



// 引入轮播图组件
import Swip from "./Swip"

class View extends Component {
    render(){
        return(
            <div>
                 <MySearchBar />
                 <Swip />
                 <div className="Bar">
                     <Link to="/daily">
                          <span className="iconfont">&#xe636;</span>
                           <i>每日推荐</i>
                     </Link>
                     <Link to="/SongList">
                          <span className="iconfont">&#xe642;</span>
                           <i>歌单</i>
                    </Link>
                    <Link to="/Range">
                          <span className="iconfont">&#xe6c5;</span>
                           <i>排行榜</i>
                    </Link>
                    <Link to="/FM">
                          <span className="iconfont">&#xe60f;</span>
                           <i>电台</i>
                    </Link>
                 </div>
                <div className="recommendSong">
                    <div className="rsHeader">
                          <h2>推荐歌单</h2>
                          <span>歌单广场</span>
                    </div>
                    <div className="rsMain">
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li>
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li> 
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li>
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li>
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li> 
                        <li>
                            <div className="rsMainImg">
                                <img src="http://p2.music.126.net/Ijq8KnpmPaaspSGGmm2QIw==/109951163659810881.webp?imageView&thumbnail=247x0&quality=75&tostatic=0&type=webp" />
                            </div>
                            <h5>陈粒，花粥，阿肆，谢春花，张悬，房东的猫</h5>
                        </li>

                    </div>
                </div>
            </div>    
        )
    }
}

export default View